import React,{Component} from "react";
import style from "./index.module.scss";


class BookSell extends Component {
    constructor(props){
        super(props);
        this.state={
            userInfo:null,
        }
    }

    componentDidMount(){
       
    }

    render(){
        return (
            <div className={style["index-root"]}>
                <p className={style["page-title"]}>回收二手书</p>

                <ul className={style["booksell-step-box"]}>
                    <li>
                        <img src={require("../../common/image/booksell/booksell-step-1.png").default }/>
                        <div>
                            <h3>手机扫码 手动输入</h3>
                            <p>有哪些书不能收？</p>
                        </div>
                    </li>
                    <li>
                        <img src={require("../../common/image/booksell/booksell-step-2.png").default }/>
                        <div>
                            <h3>快递上门 方便快捷</h3>
                        </div>
                    </li>
                    <li>
                        <img src={require("../../common/image/booksell/booksell-step-3.png").default }/>
                        <div>
                            <h3 >审核通过 货到付款</h3>
                            <p>软件怎么审核图书？</p>
                            <p>如何转账？</p>
                        </div>
                    </li>
                </ul>

                <p className={style["read-more"]}>了解更多规则 &gt;</p>

                <div className={style["btn-box"]}>
                    <button onClick={()=>{this.props.history.push("/scancode")}}>扫码回收</button>
                    <button onClick={()=>{this.props.history.push("/bookinfopull")}}>手动<br />输入</button>
                </div>
             
            </div>
        )
    }
}

export default BookSell;